/* This file is virtually the same as "main_menu.css",
   except it uses ".menuTightVert" in the place of "#mainMenu", to enable a general-purpose
   styling of menus throughout the app.  I am keeping "main_menu.css" though in case 
   I want some custom styling for that menu.
*/

ul.menuTightVert,ul.menuTightVert ul{
	margin:0; list-style:none; padding:0;
  background-color:#aaa;
  border-width:1px; border-style:solid; border-color:#5f5f5f;
  -moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;
}

ul.menuTightVert ul {
  
	display:none;
  position:absolute; left:0; top:100%;
  -moz-box-shadow:3.5px 3.5px 5px #000000;  -webkit-box-shadow:3.5px 3.5px 5px #000000;  box-shadow:3.5px 3.5px 5px #000000;
  padding:0 10px 10px;
  background-color:#313131;
  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;    
  border-color:#d4d4d4;
  z-index: 5001;
}

ul.menuTightVert li:hover > * {
	display:block;
}
ul.menuTightVert li:hover{
	position:relative;}
ul.menuTightVert ul ul{
	position:absolute;left:100%;top:0;
}
ul.menuTightVert {
	/*display:block;*/
  display:inline-block;
  font-size:0;
  vertical-align: middle;
}
ul.menuTightVert li{
	display:block; white-space:nowrap; font-size:0; /*float:left;*/
}
ul.menuTightVert>li,ul.menuTightVert li{
	margin:0;
  margin-bottom: 1px;
}
ul.menuTightVert a:active, ul.menuTightVert a:focus{
	outline-style:none;}

ul.menuTightVert ul li{
	float:none;margin:10px 0 0;}
ul.menuTightVert ul a{
	text-align:left;padding:4px;background-color:#313131;background-image:none;border-width:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font:14px Trebuchet MS;color:#e2e2e2;text-decoration:none;}
ul.menuTightVert li:hover > a{
	background-color:#ff9c08;border-color:#C0C0C0;border-style:solid;font:14px Trebuchet MS;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("");background-position:0 100px;}

ul.menuTightVert img {
	border:none;
  vertical-align:middle;
  margin:      -2px;
  /*margin-right: 3px;*/
  margin-top:    -4px;
  margin-bottom: -4px;
  
}

ul.menuTightVert img.over{
	display:none;}
ul.menuTightVert li:hover > a img.def{
	display:none;}
ul.menuTightVert li:hover > a img.over{
	display:inline;}
ul.menuTightVert li a.pressed img.over{
	display:inline;}
ul.menuTightVert li a.pressed img.def{
	display:none;}
ul.menuTightVert span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}

ul.menuTightVert a, ul.menuTightVert a.pressed {
	display:block; vertical-align:middle; text-align:left;
  text-decoration:none; 
  font:14px Trebuchet MS; color:#e2e2e2;
  text-shadow:#FFF 0 0 1px;
  cursor:pointer;
}
ul.menuTightVert a {
  /*padding: 0px 9px 0px 5px;*/
  padding: 2px 6px;
  
	/*background-color:#313131;*/
  background-color:#555; /* a little less dark for interior menus (blend in a little more */
	/*
	background-image:url("");
	*/
	background-repeat:repeat;
	background-position:0 0;
	border-width:0 0 0 1px;  border-style:solid;   border-color:#444;
/*text-shadow:#FFF 0 1px 0; /* white shadow good for dark text */
  text-shadow:#111 0 1px 0px; /* dark shadow good for light text */
	
}

ul.menuTightVert li:hover > a, ul.menuTightVert li > a.pressed {
	background-color:#ff9c08;background-image:url("");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;
}

ul.menuTightVert ul li:hover > a, ul.menuTightVert ul li > a.pressed {
	background-color:#f19007;background-image:none;font:14px Trebuchet MS;color:#111111;text-decoration:none;
}
ul.menuTightVert li.topfirst > a {
  
	border-radius:9px 9px 0 0;  -moz-border-radius:9px 9px 0 0;  -webkit-border-radius:9px;  
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-right-radius: 0px 0px;
  border-bottom-left-radius: 0px 0px;
}
ul.menuTightVert li.toplast > a {
	border-radius:0 0 9px 9px;  -moz-border-radius:0 0 9px 9px;  -webkit-border-radius:0;
  -webkit-border-bottom-right-radius: 9px;
  -webkit-border-bottom-left-radius:  9px;
  border-bottom-right-radius:         9px 9px;
  border-bottom-left-radius:          9px 9px;
}


ul.menuTightVert li.topFirstAndLast > a {
	border-radius:9px 9px 9px 9px;  -moz-border-radius:9px 9px 9px 9px;  -webkit-border-radius:9px;  
  -webkit-border-top-right-radius:9px; -webkit-border-bottom-right-radius:9px;
}
